
import React, { memo, useMemo } from 'react'

function Son({count,price}) {
  console.log("Son");

  function fn(){
    console.log("fn");
    return price*3
  }

  // useMemo解决的是：无效的函数调用。
  // 当price发送变化时，才会调用fn。
  const money = useMemo(fn,[price])
  // const money = useMemo(()=>fn(),[price])

  return (
    <>
    <div>Son</div>
    <p>props.count:{count}</p>   
    <p>props.price:{price}</p>   
    <p>money:{money}</p>
    </>
  )
}

export default memo(Son);